<template>
  <div class="hotsearch">
    <v-search></v-search>
    <div>
      <h2 class="title">
        <div class="border"></div>
        <span>大家都在搜</span>
      </h2>
      <div class="select-content">
        <div class="select-item">
          <van-icon style="margin-right: 0.3125rem" size="14px" name="hot-sale-o" />
          <span>华谊</span>
        </div>
        <div class="select-item">
          <van-icon style="margin-right: 0.3125rem" size="14px" name="hot-sale-o" />
          <span>华谊</span>
        </div>
        <div class="select-item">
          <van-icon style="margin-right: 0.3125rem" size="14px" name="hot-sale-o" />
          <span>华谊</span>
        </div>
        <div class="select-item">
          <van-icon style="margin-right: 0.3125rem" size="14px" name="hot-sale-o" />
          <span>华谊</span>
        </div>
        <div class="select-item">
          <van-icon style="margin-right: 0.3125rem" size="14px" name="hot-sale-o" />
          <span>华谊</span>
        </div>
        <div class="select-item">
          <van-icon style="margin-right: 0.3125rem" size="14px" name="hot-sale-o" />
          <span>华谊</span>
        </div>
      </div>
    </div>
   <!-- <v-min></v-min> -->
  </div>
</template>

<script>
  import search from '@/views/search.vue'
  import min from '@/views/Min.vue'
  export default {
    components: {
      "v-search": search,
      "v-min": min,
    },
    data() {
      return {

      }
    },
  }
</script>

<style lang="scss">
  .hotsearch {
    .title {
      padding-top: 0.875rem;
      height: 2.125rem;
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 1rem;
      padding: 0 0.625rem;
      color: #000000;
      background: #f0f0f0;

      .border {
        width: 0.25rem;
        height: 0.6875rem;
        background: #46d0ca ;
        margin-right: 0.3125rem;
        border-radius: 0.125rem;
      }
    }
    .select-content{
      display: flex;
      padding-left: 0.9375rem;
      padding-top: 0.3125rem;
      flex-wrap: wrap;
      background: #f0f0f0;

      .select-item{
        background: #FFFFFF;
        margin-right: 0.9375rem;
        padding: 0 0.75rem;
        line-height: 1.25rem;
        border-radius: 0.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #555;
        font-size: 0.6875rem;
        margin-bottom: 0.9375rem;
        display: flex;
        align-items: center;
        color: #f75a61;
      }
    }
  }
</style>
